// 订酒店 style
@import "../../app.scss";
@import "../../src/components/major_class.scss";
body {
  background-color: $grey-color;
  padding-top: rem(3.3867);
}
.img1 {
  height: rem(9.12);
  @include bgimage("../../../../img/home/homexia/zhujiudian/banner1.png");
  @include myflex(row, center);
  .img1_text {
    width: rem(14.6133);
    color: $white-color;
    text-align: center;
    h2 {
      font-size: rem(1.12);
      font-weight: 300;
    }
    p {
      width: rem(6.7733);
      font-size: rem(0.8);
      margin: rem(0.96) auto 0;
      @include myflex(row, space-around);
      span {
        display: block;
        width: rem(0.3733);
        height: rem(0.3733);
        background-color: $white-color;
        border-radius: 50%;
      }
    }
  }
}
.time {
  height: rem(3.04);
  background-color: $white-color;
  @include myflex();
  position: relative;
  .time_box {
    width: 50%;
    height: 100%;
    font-size: rem(0.9067);
    @include myflex(column, center);
    span {
      font-size: rem(0.6933);
      color: $Darkgrey-color;
    }
  }
  &::before {
    content: "";
    position: absolute;
    width: rem(0.0533);
    height: rem(2.72);
    background-color: $hui-color;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.img2 {
  height: rem(14.2933);
  margin-top: rem(0.64);
  @include bgimage("../../../../img/home/homexia/zhujiudian/banner2.png");

}
.text_img {
  height: rem(4.0267);
  background-color: $white-color;
  padding: 0 rem(0.72);
  @include myflex();
  position: relative;
  .image {
    width: rem(2.5067);
    height: rem(2.5067);
  }
  .introduce {
    width: rem(6.6667);
    height: rem(1.9733);
    margin-left: rem(.3733);
    .introduce_title {
      width: rem(3.5733);
      font-size: rem(0.6933);
      @include myflex(row, space-between);

      img {
        width: rem(1.8667);
      }
    }
    .introduce_content {
      height: rem(0.6933);
      @include myflex();
      img {
        width: rem(.64);
      }
      span{
        font-size: rem(.5867);
        color: $green-color;
        margin-left: rem(1.0667);
        white-space: nowrap;
      }
    }
  }
  .xinxi{
    position: absolute;
   
    bottom: rem(.7467);
    right: rem(.7467);
    font-size: rem(.5867);
    white-space: nowrap;
    @include myflex(row, space-between);

    img{
      width: rem(.8533);
      margin-right: rem(.16);
    }
  }
}
.img3{
  height: rem(14.32);
  @include bgimage("../../../../img/home/homexia/zhujiudian/banner3.png");

}
